<div ng-controller="FreeTicketController" class="FreeTicket linearbg">
    <div class="topHead_bg" id="topHead_bg">
        <img ng-src="static/img/img_banner.png" alt="">
    </div>
    <div  style="width: 100%;overflow: hidden;padding: 0 0.4rem;" >
        <div class="FreeTickethead_box clear" id="FreeTickethead_box">
            <div class="FreeTickethead_box_right" ng-show="sumbitFreeTicket">
                <h2 class="title_icon">
                    <img ng-src="static/img/img_mfsp@2x.png" alt="" style="width: 127.8px;height: 50px;display: block;margin: 0 auto;">
                </h2>
                <ul>
                    <li class="FreeTickethead_box_rightLi">
                        <input type="text" placeholder="请输入姓名" class="log_input" ng-model="myName" id="myName">
                    </li>
                    <li class="FreeTickethead_box_rightLi">
                        <input type="text" placeholder="请输入手机号" class="log_input" ng-model="telphone_no" autocomplete="off" id="telphone_no">
                    </li>
                    <li class="FreeTickethead_box_rightLi">
                        <input type="text" placeholder="请输入短信验证码" class="short_input" id="short_input">
                        <span class="fr FreeTickethead_sendBtn" ng-bind="paracont" ng-click="sendCode()"></span>
                    </li>
                    <li class="FreeTickethead_box_rightLi clear" style="background: #fff; margin: 0!important;">
                        <p class="fl"><i class="fl FreeTickethead_box_icon" ng-class="{'true':'active','false':''}[CertificateIcon==1]" ng-click="switchIcon(1)"></i> <span class="fl">身份证</span></p>
                        <p class="fl"><i class="fl FreeTickethead_box_icon" ng-class="{'true':'active','false':''}[CertificateIcon==2]" ng-click="switchIcon(2)"></i> <span class="fl">台胞证</span></p>
                        <p class="fl"><i class="fl FreeTickethead_box_icon" ng-class="{'true':'active','false':''}[CertificateIcon==4]" ng-click="switchIcon(4)"></i> <span class="fl">学生证</span></p>
                        <p class="fl"><i class="fl FreeTickethead_box_icon" ng-class="{'true':'active','false':''}[CertificateIcon==3]" ng-click="switchIcon(3)"></i> <span class="fl">港澳居民回乡证</span></p>
                        <p class="fl"><i class="fl FreeTickethead_box_icon" ng-class="{'true':'active','false':''}[CertificateIcon==5]" ng-click="switchIcon(5)"></i> <span class="fl">港澳居民居住证</span></p>

                    </li>
                    <li class="FreeTickethead_box_rightLi">
                        <input type="text" placeholder="请输入有效证件号" class="log_input" ng-model="Certificate_no" autocomplete="off" id="Certificate_no">
                    </li>
                    <li class="FreeTickethead_box_rightLi clear" style="background: #fff; margin: 0!important;">
                        <span class="fl riQi" ng-class="{'true':'active','false':''}[riQi==1]" ng-click="switchriQi(1)">13:00</span>
                        <span class="fl riQi" ng-class="{'true':'active','false':''}[riQi==2]" ng-click="switchriQi(2)">14:00</span>
                        <span class="fl riQi" ng-class="{'true':'active','false':''}[riQi==3]" ng-click="switchriQi(3)">15:00</span>
                        <span class="fl riQi" ng-class="{'true':'active','false':''}[riQi==4]" ng-click="switchriQi(4)">16:00</span>
                    </li>
                    <li class="FreeTickethead_box_rightLi" style="background: #fff; ">
                        <div class="FreeTickethead_box_rightbtn" ng-click="submistFreeTicket()">免费索票</div>
                    </li>
                </ul>
            </div>
            <div class="FreeTickethead_box_right " ng-show="!sumbitFreeTicket">
                <h2>恭 喜 获 得 一 张 电 子 票</h2>
                <div class="FreeTickethead_box_qcorder" id="downImg">
                    <img ng-src="static/img/img_piao@3x.png" alt="" class="FreeTickethead_box_qcorderbg" >
                    <img ng-src="static/img/img_erweima@3x.png" alt="" class="FreeTickethead_box_qcorder_erwei">
                    <div class="FreeTickethead_box_qcorder_erwei" id="FreeTickethead_box_qcorder_erwei">

                    </div>
                    <div  class="FreeTickethead_box_qcorder_certificatenum">
                        <span ng-bind="name" class="name"></span>
                        <span ng-bind="certificatenum0"></span>
                        <span ng-bind="certificatenum1"></span>
                        <span class="date" ng-bind="field">2018.10.13  &nbsp;&nbsp;13:00</span>
                    </div>
                </div>
                <div id="downloadmy" class="clear">
                    <div class="downloadmydiv clear" ng-show="downloadShow">
                        <span class="fr">*请长按上方图片或截图保存电子票</span>
                    </div>
                    <!--<div class="downloadmydiv clear" ng-show="!downloadShow" id="downloadmydiv">-->
                    <!--<span class="fr">下载</span><i class="fr"></i><span class="fr" style="font-size: 12px;">(*若无法下载，请长按上方图片保存电子票)</span>-->
                    <!--</div>-->
                </div>
                <ul>
                    <li class="FreeTickethead_box_rightLi">
                        <input type="text" placeholder="请输入短信回执码" class="log_input" ng-model="myqcorder" id="myqcorder">
                    </li>
                    <li class="FreeTickethead_box_rightLi" style="background: #fff;margin-top: 45px; ">
                        <div class="FreeTickethead_box_rightbtn" ng-click="getErCode()" ng-class="{'true':'active','false':''}[myshowbtn]">生 成 电 子 票</div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div style="width: 100%;padding: 0 0.4rem;">
        <div class="FreeTickethead_content">
            <div class="img_group clear">
                <p style="font-size: 0.42rem;line-height: 1.0rem;text-align: center;color: #fff;font-weight: bold;">创新杨浦</p>
                <div class="clear">
                    <img ng-src="static/img/content4.png" alt="" class="fl four_img">
                </div>
                <p style="font-size: 0.42rem;line-height: 1.0rem;text-align: center;color: #fff;font-weight: bold;margin-top: 20px;">长阳创谷</p>
                <div class="clear">
                    <img ng-src="static/img/content1.png" alt="" class="fl first_img">
                    <img ng-src="static/img/content2.png" alt="" class="fl two_img">
                    <img ng-src="static/img/content3.png" alt="" class="fl thress_img">
                </div>

            </div>
            <h2 class="FreeTickethead_content_title ">
                <span>活动规模</span>
            </h2>
            <div class="FreeTickethead_content_detail">
                <ul>
                    <li class="FreeTickethead_content_detail_li">
                        <h3 class="FreeTickethead_content_detail_li_h3 clear">
                            <i class="icon fl"></i>
                            <span class="fl">企业数量：600家</span>
                        </h3>
                        <div>
                            <p class="FreeTickethead_content_detail_li_p">提供超过一万个工作岗位。</p>
                            <p class="FreeTickethead_content_detail_li_p">还有精彩纷呈的创新创业成果展示和路演活动。</p>
                        </div>
                    </li>
                    <!--<li class="FreeTickethead_content_detail_li">-->
                    <!--<h3 class="FreeTickethead_content_detail_li_h3 clear">-->
                    <!--<i class="icon fl"></i>-->
                    <!--<span class="fl">学生人数：8000人</span>-->
                    <!--</h3>-->
                    <!--<div >-->
                    <!--<p class="FreeTickethead_content_detail_li_p clear"><i class="icon_p fl"></i> <span class="fl">集中前往6000人，按当天下午13：00、14：30、15：30，分三批入场，每批2000人。其中港澳台侨学生在第一批集中入场。</span></p>-->
                    <!--<p class="FreeTickethead_content_detail_li_p clear"><i class="icon_p fl"></i><span class="fl">自行前往2000人，凭有效证件至“上海杨浦”门户网站免费领票，按门票规定的入场时间，于13：00、14：00、15：00、16:00。</span></p>-->
                    <!--<p class="FreeTickethead_content_detail_li_p">注：由于此次活动的举办时间临近上海国际进出口博览会，基于安全考量和场地限制，参会企业数量、学生人数均有所控制，但进一 步强化了。</p>-->
                    <!--</div>-->

                    <!--</li>-->
                </ul>
            </div>
            <img ng-src="static/img/logo_freeticket.png" alt="" style="width: 100%;height: auto;display: block;margin: 20px 0px;">
            <h2 class="FreeTickethead_content_title ">
                <span>活动内容</span>
            </h2>
            <div class="clear">
                <div class="FreeTickethead_content_leftbox">
                    <h3 class="FreeTickethead_content_detail_li_h3 clear">
                        <i class="icon fl"></i>
                        <span class="fl">内场（长阳会堂）</span>
                    </h3>
                    <p class="FreeTickethead_content_detail_li_p">“才聚两岸 创享杨浦”2018上海青年“才•智” 嘉年华开幕式（13：15—13：30）。</p>
                    <p class="FreeTickethead_content_detail_li_p">上海大学生创新创业成果展示暨创新创业项 目路演（13：30—16：00）。</p>

                </div>
                <div class="FreeTickethead_content_leftbox ">
                    <h3 class="FreeTickethead_content_detail_li_h3 clear">
                        <i class="icon fl"></i>
                        <span class="fl">外场</span>
                    </h3>
                    <p class="FreeTickethead_content_detail_li_p">“才聚两岸 创享杨浦” 2019届上海高校毕 业生秋季招聘会暨港澳台侨大学生专场招 聘会（13：30—17：00）。</p>


                </div>
            </div>
            <div class="FreeTickethead_content_footer" style="margin-top: 30px;">
                <h2>主办单位</h2>
                <p>

                    <span>上海市教卫党委</span>
                    <span>上海市教委</span>
                    <span>上海市台办</span>
                    <span>上海市侨办</span>
                    <span>上海市港澳办</span>
                    <span>杨浦区人民政府</span>

                </p>
            </div>
            <div class="FreeTickethead_content_footer">
                <h2>协办单位</h2>
                <p>
                    <span>复旦大学</span>
                    <span>上海第二工业大学</span>
                    <span>上海学生事务中心</span>
                    <span>上海市侨商会</span>
                    <span>中国香港（地区）商会（上海）</span>
                    <span>上海市台协会</span>
                    <span>上海人才服务行业协会</span>
                    <span>中智（上海）经济技术合作公司</span>

                </p>
            </div>
            <div class="FreeTickethead_content_footer">
                <h2>支持单位</h2>
                <p>
                    <span>泡米文化</span>
                </p>
            </div>
        </div>
    </div>

    <div class="footercontainer" id="footercontainer">

    </div>
    <!--<div ng-include="'static/partials/public/footer.html'"></div>-->
</div>
<div  class="loadingCordedalog" id="loadingCordedalog">
    <div style="width: 100%;height: 100%;position: relative;">
        <div class="loadingCorde">
            <img ng-src="static/img/loadingcorde.gif" alt="">
            <p>正在生成电子票，请稍等！</p>
        </div>
    </div>
</div>